@media screen and (max-width:640px) {
	#kfcModal,
	#topNew,
	.banner .apply-b,
	.banner .b-sponsor,
	.banner .time-b,
	.footer-sb .fs12,
	.g_nav,
	.jt_mask,
	.kfc,
	.m-header,
	.m-page1,
	.m-page5,
	.m-page6,
	.m-search,
	.sb,
	.u-line,
	.u-owns,
	.u-ways i {
		display: none
	}
	.banner .s6,
	.banner .s7,
	.detect-box,
	.m-content .characteristic i,
	.m-content .f-ser {
		background-size: contain
	}
	*,
	:after,
	:before {
		box-sizing: border-box
	}
	#page {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		position: relative
	}
	.browser .s_pane li,
	.bt-nav,
	.header .bt-nav,
	.header .logo,
	.nav {
		overflow: hidden
	}
	body,
	html {
		min-width: inherit
	}
	body {
		-webkit-text-size-adjust: 100%
	}
	.banner .m-banner {
		display: block
	}
	.browser-img,
	.g_sub_nav,
	.nav-sub,
	.qq-before,
	.qq-m-before,
	.sg-before,
	.sg-num-before,
	.tx-before,
	.vs-box .badge,
	.vs-box .vs {
		display: none
	}
	.screen .wrap {
		width: auto;
		padding: 0 .5rem;
		max-width: 100%
	}
	.header .bt-nav {
		height: 32px;
		width: 32px;
		position: relative;
		padding: 5px
	}
	.banner {
		width: 100%;
		margin: 0 auto;
		height: 12.85rem;
		padding: 0 .5rem
	}
	.banner .s_qj {
		width: 100%;
		left: 0;
		right: 0;
		top: 1.8rem!important;
		bottom: 0;
		margin: auto
	}
	.qq-after .s_thumb,
	.sg-after .s_thumb {
		left: auto;
		right: 0
	}
	.banner .s2 {
		width: 90%;
		margin: 6.06rem auto 15px
	}
	.banner .bt {
		width: 2.44rem;
		height: .57rem;
		line-height: .57rem;
		font-size: .28rem
	}
	.banner .s6,
	.banner .s7 {
		margin: 0!important;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}
	.vs-box .s_col {
		width: 100%
	}
	.sg-after {
		width: 90%;
		max-width: 460px
	}
	.sg-after .s_bg {
		width: 100%;
		height: auto
	}
	.qq-after {
		width: 90%;
		max-width: 460px
	}
	.qq-after .s_bg {
		width: 100%;
		height: auto
	}
	.text-box {
		margin-bottom: 1.09rem
	}
	.img-box {
		width: 90%;
		margin: 0 auto
	}
	.m-browser-img {
		display: block
	}
	.browser .s_pane {
		height: 4.328rem
	}
	.browser .s_pane img {
		margin: auto;
		width: auto;
		height: 100%
	}
	.browser .s_tab a {
		margin: 0 .25rem
	}
	.m-content ._on,
	.m-content ul {
		margin-left: 0
	}
	.m-content .g27_r {
		max-width: 640px;
		margin: 0
	}
	.m-content ul {
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: none;
		transform: none
	}
	.m-content .list2 {
		width: 1rem;
		margin-left: 0
	}
	.m-content .f-ser {
		height: 1.59rem
	}
	.m-content .list2 span {
		line-height: 1.5em;
		width: 56px
	}
	.m-content .f1 {
		width: .625rem
	}
	.m-content .f2 {
		width: 1.4rem
	}
	.m-content .f3 {
		width: 1.25rem
	}
	.m-content .characteristic .i1 {
		width: 2.016rem
	}
	.m-content .characteristic .i2 {
		width: 2.656rem
	}
	.m-content .characteristic .i3 {
		width: 2.608rem
	}
	.footer-mn .g27_5,
	.footer-mn .g27_7,
	.secure-box ._text img {
		width: 100%
	}
	.m-content .ser-content {
		top: 40px
	}
	._nav {
		margin-top: 350px
	}
	._nav2 {
		margin-top: 300px
	}
	.secure-box ._text ._img1,
	.secure-box ._text ._img3,
	.secure-box ._text img {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.secure-box .secure-in {
		float: none;
		text-align: center
	}
	.secure-box ._text ._on ._img1 {
		top: -15px
	}
	.secure-box ._text ._img1 {
		top: -25px
	}
	.secure-box ._text ._img3 {
		top: 0
	}
	.secure-box ._text ._on ._img3 {
		top: 10px
	}
	.secure-box ._text .m_img1 {
		max-width: 331px
	}
	.secure-box ._text .m_img2 {
		max-width: 429px
	}
	.secure-box ._text .m_img3 {
		max-width: 360px
	}
	.secure-box ._text .m_img4 {
		max-width: 434px
	}
	.secure-box ._text {
		width: 100%;
		text-align: left
	}
	.secure-box ._nav {
		border-right: none
	}
	.secure-box ._nav a {
		padding: .08rem .1rem;
		font-size: .224rem;
		border-right: 1px solid #ed5935;
		margin-left: -1px
	}
	.detect-box {
		background-image: url("m-detect.png");
		height: 9.15rem
	}
	.detect-box .s_p,
	.img-website {
		display: none
	}
	.m-website {
		display: block
	}
	.screen-first {
		padding: 60px 0
	}
	.footer-mn {
		padding: .4rem;
		font-size: .2933rem
	}
	.g27_7 p {
		float: left
	}
	.footer-sb {
		text-align: center
	}
	.footer-sb p {
		line-height: .45rem
	}
	.g27_5 p,
	.g27_5 p strong {
		font-size: .36rem;
		line-height: .64rem
	}
	.footer-sb .auth {
		float: none
	}
	.footer-sb .auth img {
		margin: 0 auto
	}
	.footer-sb .footer_text {
		margin-bottom: .22rem
	}
	.g27_5 p {
		margin-bottom: .8rem
	}
	.g27_7 a,
	.g27_7 div p {
		margin: 0
	}
	.g27_5 p a {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		margin-right: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}
	.g27_7 {
		padding: .8rem 0 0;
		font-size: .32rem;
		line-height: .66rem;
		position: relative
	}
	.g27_7:before {
		content: '';
		display: block;
		width: 120%;
		height: 1px;
		background: #4f4f4f;
		position: absolute;
		top: 0
	}
	.g27_7 div p:nth-of-type(2n+1) {
		margin-left: 0
	}
	.g27_7 a {
		font-size: .36rem;
		line-height: .64rem
	}
	.g27_7 ._in {
		width: 96%;
		position: relative;
		height: 7rem;
		font-size: .4rem;
		line-height: .64rem
	}
	.g27_7 ._in p {
		position: absolute
	}
	.bt-nav,
	.bt-nav .bar,
	.nav li {
		position: relative
	}
	.g27_7 ._in p:nth-of-type(4) {
		top: 0;
		left: 0
	}
	.g27_7 ._in p:nth-of-type(3) {
		top: 0;
		left: 4rem
	}
	.g27_7 ._in p:nth-of-type(2) {
		top: 3.6rem;
		left: 0
	}
	.g27_7 ._in p:nth-of-type(1) {
		top: 3.6rem;
		left: 4rem
	}
	.cert-box {
		width: 188px;
		margin: 0 auto
	}
	.cert-box .s_bg {
		width: 188px;
		height: 230px
	}
	._hyl,
	._hyr {
		display: none
	}
	.m_hyl,
	.m_hyr {
		display: block
	}
	.m_hyl {
		bottom: -60px;
		left: -50px
	}
	.m_hyr {
		right: -50px;
		bottom: 10px
	}
	.mark {
		display: none
	}
	.bt-nav .bar,
	.header,
	.nav img,
	.nav ul a {
		display: block
	}
	.banner h3 {
		font-size: .6875rem
	}
	.header {
		border-bottom: none;
		padding-left: 5%;
		padding-right: 5%;
		z-index: 1000
	}
	.header .logo {
		width: 156px;
		height: 32px
	}
	.nav {
		background-color: rgba(0, 0, 0, .6);
		z-index: 999;
		top: -52px;
		font-size: 16px;
		visibility: hidden;
		opacity: 0;
		height: 100%
	}
	.nav-on .nav {
		visibility: visible;
		opacity: 1;
		top: 0
	}
	.nav-on .logo {
		background: url("c04862d4-eaec-4fda-8114-ac909589895d.png") no-repeat;
		background-size: cover
	}
	.nav-on .logo img {
		top: 32px
	}
	.nav li {
		top: -10px;
		opacity: 0;
		transition: all .3s;
		-webkit-transition: all .3s
	}
	.nav-on .nav li {
		top: 0;
		opacity: 1
	}
	.nav-on .nav li:nth-child(3) {
		transition-delay: .16s
	}
	.nav-on .nav li:nth-child(2) {
		transition-delay: .2s
	}
	.nav-on .nav li:nth-child(1) {
		transition-delay: .24s
	}
	.nav-on .nav li:nth-child(4) {
		transition-delay: .2s
	}
	.nav>ul {
		padding-top: 52px
	}
	.nav a:active {
		background-color: rgba(0, 0, 0, .1)
	}
	.bt-nav .bar,
	.nav ul {
		background-color: #fff
	}
	.nav ul a {
		color: #666;
		padding: 1em 5%;
		line-height: 1
	}
	.nav ul {
		padding-bottom: 20px
	}
	.nav ul ul {
		padding-left: 1em;
		padding-bottom: 0
	}
	.nav ul ul a {
		font-size: .8em
	}
	.nav li li {
		opacity: 0;
		height: 0
	}
	.bt-nav {
		height: 32px;
		width: 32px;
		padding: 5px;
		box-sizing: border-box
	}
	.bt-nav .bar {
		height: 2px;
		width: 20px;
		margin: 4px auto;
		border-radius: 2px;
		transition: .4s
	}
	.bt-nav:after {
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
		border: 2px solid transparent;
		border-radius: 100%;
		box-sizing: border-box
	}
	.nav-on .bt-nav:after {
		-webkit-animation: circle-creation 1s forwards;
		animation: circle-creation 1s forwards
	}
	.nav-on .bt-nav .bar {
		background-color: #ddd
	}
	.nav-on .bt-nav i.bar {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg)
	}
	.nav-on .bt-nav b.bar {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		transition: .6s
	}
	.nav-on .bt-nav s.bar {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg)
	}
	.nav-on .nav .header {
		margin-top: 0
	}
	@-webkit-keyframes circle-creation {
		0% {
			border-color: transparent;
			-webkit-transform: rotate(0);
			transform: rotate(0)
		}
		25% {
			border-color: transparent #ddd transparent transparent;
			-webkit-transform: rotate(-35deg);
			transform: rotate(-35deg)
		}
		50% {
			border-color: transparent #ddd #ddd transparent
		}
		75% {
			border-color: transparent #ddd #ddd
		}
		100% {
			border-color: #ddd;
			-webkit-transform: rotate(-300deg);
			transform: rotate(-300deg)
		}
	}
	@keyframes circle-creation {
		0% {
			border-color: transparent;
			-webkit-transform: rotate(0);
			transform: rotate(0)
		}
		25% {
			border-color: transparent #ddd transparent transparent;
			-webkit-transform: rotate(-35deg);
			transform: rotate(-35deg)
		}
		50% {
			border-color: transparent #ddd #ddd transparent
		}
		75% {
			border-color: transparent #ddd #ddd
		}
		100% {
			border-color: #ddd;
			-webkit-transform: rotate(-300deg);
			transform: rotate(-300deg)
		}
	}
}